<template>
  <div class='form-group'>
      <h2 class='title'>{{title}}</h2>
      <div class='form-group-content'>
         <slot></slot>
      </div>
  </div>
</template>

<script>
export default {
  name:'FromGroup',
  props:{
      title:{
         type:String,
         default:''
      }
  },
  data(){
      return {

      }
  }
}
</script>

<style lang='scss' scoped>
   .form-group{
       @include wh(100%,auto);
       &>.title{
           font-size: $font-size-xxl;
           line-height: 100px;
           padding:0 20px;
       }
   }
   .form-group-content{
        @include wh(100%,auto);
   }
</style>